<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			div{
				width: 400px;height:550px;border: 1px solid blue;margin: 0 auto;padding: 10px;
				border-radius:20px ;position: relative;
			}
			h2{
				font-family: arial "楷体"; 
			}
			#more{
			float: right;
			}
			ul li {
				font-family: arial "楷体";list-style-type: none;
			}
			#sale{
				position: absolute;right: 10px;left: 120px;
			}
		</style>
	</head>
	<body>
		<div>
			<h2>SHOP 今日推荐<span id="more"><img src="../img/more.gif"/></span></h2>
			
			<a href="#"><img src="../img/img9.gif" width="150px" height="100px"/></a>
			<ul id="more">
			<a href="#" >汉来国际美食百货</a><br />
			<li>口味：创意中餐</li>
			<li>区域：朝阳/CBD</li>
				</ul>
			<img src="../img/shen.png" id="sale"/>
			
			<a href="#"><img src="../img/img7.gif" width="150px" height="100px"/></a>
			<ul id="more">
			<a href="#" >汉来国际美食百货</a><br />
			<li>口味：创意中餐</li>
			<li>区域：朝阳/CBD</li>
				</ul>
				
				<a href="#"><img src="../img/img8.gif" width="150px" height="100px"/></a>
			<ul id="more">
			<a href="#" >汉来国际美食百货</a><br />
			<li>口味：创意中餐</li>
			<li>区域：朝阳/CBD</li>
				</ul>
				
				<a href="#"><img src="../img/img7.gif" width="150px" height="100px"/></a>
			<ul id="more">
			<a href="#" >汉来国际美食百货</a><br />
			<li>口味：创意中餐</li>
			<li>区域：朝阳/CBD</li>
				</ul>
		</div>
	</body>
</html>
